﻿.card {
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - 1px);
}

    .card .card-collapse {
        flex: 1;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

        .card .card-collapse .card-collapse-body {
            display: flex;
            flex: 1;
            align-items: center;
            margin-left: .5rem;
        }

    .card .card-collapse-arrow {
        transition: transform .3s linear;
    }

    .card .is-open .card-collapse-arrow {
        transform: rotate( 90deg);
    }

.card-shadow {
    transition: box-shadow .3s linear;
    box-shadow: 0 0 8px 0 #e8edfa99, 0 2px 4px 0 #e8edfa80;
}

    .card-shadow:hover {
        box-shadow: 0 1px 7px 0 #0000000d, 0 2px 8px 0 #00000012, 0 3px 9px 0 #0000000f, 0 5px 10px 0 #00000008;
    }

.card-header .tag {
    line-height: 21px;
}
